* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body {
  width: 100%;
  height: 100%;
  background: url("../public/images/indexLightBackground.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.app {
  width: 100%;
  height: 100%;
}

.app .top {
  width: 100%;
  height: 60px;
}

.app .top img {
  width: 100%;
  height: 100%;
}

.app .center {
  width: 100%;
  height: 450px;
  display: flex;
}

.app .center .left {
  width: 40%;
  height: 100%;
}

.app .center .right {
  width: 60%;
  height: 450px;
  position: absolute;
  right: 0px;
}

.app .center .right img {
  width: 100%;
  height: 90%;
  margin-top: 3%;
}

.app .buttom {
  width: 100%;
  height: 59.5px;
  position: fixed;
  bottom: 0;
}

.app .buttom img {
  width: 100%;
  height: 55px;
}

.app .video {
  position: absolute;
  width: 43%;
  height: 70%;
  bottom: 100px;
  right: 100px;
}
